@charset "utf-8";

/**

?????????????????????????????????????????????

http://www.grwy.cn/

**/

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}

fieldset,img{border:0;}

img{vertical-align:middle;}

ol,ul,li{list-style-type:none;text-align:justify;text-justify:inter-ideograph;}

table{border-collapse:collapse;border-spacing:0;}

button,input,select,textarea{font-family:inherit;margin:0;outline:none;resize:none;border:none;}

.clearfix:after {clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden; }

.clearfix { zoom:1; }

html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}

body{color:#565656;font-size:14px;line-height:24px;font-family:"Microsoft YaHei","SimSun", Arial, Helvetica, sans-serif;}

a{color:#565656;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());transition:all ease 0.3s;}

a:hover{color:#00b156;text-decoration:none;}:focus{outline:none;}



/* CSS????????????????????? */

.fl{float:left;}

.fr{float:right;}

.w1200{width:1200px; margin:0 auto;}

.mb10{margin-bottom:10px;}

.mb15{margin-bottom:15px;}

.mb25{margin-bottom:25px;}

.center{text-align:center;}

.hide{overflow:hidden;}

.erp{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}





/* ??????  */

.topBar{height:40px;line-height:40px;background:#e6f3ec;font-size:12px;}

.topBar .fl span{color:#00b156;}

.topBar .right{height:40px;}

.topBar .right a{position:relative;background: url('img/t_line.jpg') no-repeat right center;padding:0 10px}

.topBar .right .icon{float:right;width:17px;height:28px;background: url('img/topIcon.png') no-repeat;font-size:0;line-height:0;margin-top:12px;padding:0;margin-left:15px;opacity:.5;}

.topBar .right .wx{position:relative;background-position:0 -40px;}

.topBar .right .wx span{position: absolute;top:25px;left:-45px;background:#ececec;padding:5px;display:none;z-index:5;}

.topBar .right .wx span::before{position: absolute;content: "";top:-12px;left:50px;border:6px solid transparent;border-bottom-color:#ccc;}

.topBar .right .wx img{width:100px;height:100px;}

.topBar .right a:nth-child(3){background:none;padding-right:5px;}

.topBar .right .icon:hover{opacity:1;}



.header{height:100px;padding-top:35px;}

.header .title{font-size:30px;color:#333;font-weight:normal;background: url('img/head_tie.jpg') no-repeat;line-height:30px;padding:0 60px;height:68px;margin-left:40px;}

.header .title strong{font-weight:normal;color:#00b156;}

.header .title span{display:block;font-size:14px;letter-spacing:3.5px;}

.header .phone{background: url('img/pIcon.png') no-repeat left 7px;padding-left:20px;color:#151515;line-height:28px;}

.header .phone span{display:block;font-size:34px;color:#00b156;font-family:Arial;font-weight:bold;margin-left:-20px;}



/* ??????  */

.nav{height:65px;line-height:65px;background:url('img/nav_bg.jpg') repeat-x;font-size:16px;}

.nav li{float:left;width:150px;text-align:center;background: url('img/nav_line.jpg') no-repeat right center;}

.nav li a{color:#fff;display:block;position:relative;z-index:2;}

.nav li a:after{content: "";position:absolute;left:0;top:0;width:0;height:100%;background: url('img/nav_h.jpg') repeat-x;transition:all 0.4s;z-index:-1;}

.nav li:last-child{background:none;}

.nav li.on a,.nav li:hover a{background:#f5b300;}

.nav li.on a:after,.nav li:hover a:after{width:100%;}



/*  ??????????????? */

.banner{ margin: 0 auto;position:relative; overflow:hidden;height:600px;}

.banner .bd{height:600px; z-index:0;position:relative;left:50%; margin-left:-960px;}

.banner .bd li img{animation:myfirst 30s linear infinite normal;transform:scale(1.1);}

.banner_ctr{ height:90px;position:absolute;top:45%;z-index:2;left:50%;margin-left:-600px;}

.banner_ctr a{ display:block;width:40px;height:40px; background: url('img/ctrl.png') no-repeat 0 0; position:absolute; opacity:0;filter: alpha(opacity=0);display:block;}

.banner_ctr a.prev{left:-90px;}

.banner_ctr a.next{right:-1280px; background-position: -40px 0px;}

.banner_ctr a:hover{opacity:1;filter:alpha(opacity=100);}

.banner .hd{position:absolute; bottom:20px; text-align: center; z-index:5;left:50%;font-size: 0; line-height: 0;height: 0px; margin-left:-30px;height:14px;}

.banner .hd li{z-index:2; cursor:pointer; margin-right:5px; display:inline-block;width:10px; height:10px;*display:inline; zoom:1;border-radius:100%;border:2px solid #fff;position:relative;transition:all 0.3s;}

.banner .hd li:after{content:"";position:absolute;width:6px;height:6px;background:#fff;top:2px;left:2px;border-radius:100%;}

.banner .hd li:hover,.banner .hd .on{border:2px solid #00b156;transform:scale(1.1);}

.banner .hd .on:after{background:#00b156;}

@keyframes myfirst

{

0%   {transform:scale(1,1);}

50%{transform:scale(1.1,1.1);}

100%{transform:scale(1,1);}

}



/*  ?????? */

.search{height:40px;line-height:40px;overflow:hidden;padding:18px 0;}

.searFont{width:800px;overflow:hidden;}

.searFont a{margin:0 8px;}

.searFont strong{color:#333;font-weight:normal}

.searMain{width:340px;height:40px;line-height:40px;overflow:hidden;}

.searMain .sear_text{float:left;width:280px;height:40px;line-height:40px;padding:0 10px;background:#e8e8e8;}

.searMain .sear_btn{float:right;width:40px;height:40px; cursor:pointer;background:#00b156 url('img/sBtn.png') no-repeat center;transition:all 0.3s;}

.searMain .sear_btn:hover{background-color:#008a43;}



/*  ???????????? */

.product{background: url('img/pro_bg.jpg');padding:50px 0;overflow:hidden;}

.proLeft{width:280px;background:#fff;}

.proLeft .tie{background:#00b156;height:90px;text-align:center;font-size:36px;color:#fff;line-height:36px;padding-top:30px;font-weight:normal;text-transform: uppercase;}

.proLeft .tie span{display:block;font-size:12px;}

.proLeft ul{padding:26px;}

.proLeft li a{height:46px;line-height:46px;background:#e2e2e2 url('img/side_li.png') no-repeat 195px center;color:#454545;display:block;border-radius:22px;margin-bottom:12px;padding:0 60px 0 25px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.proLeft li a:hover{background:#00b156 url('img/side_lih.png') no-repeat 195px center;color:#fff;}

.proLeft .phone{background: url('img/left_phone.jpg') no-repeat;height:175px;color:#fff;padding:35px 0 0 35px;}

.proLeft .phone .p1{background: url('img/pIcon2.png') no-repeat;padding-top:55px;margin-bottom:15px;}

.proLeft .phone span{display:block;font-size:32px;font-weight:bold;font-family:Arial;}



.proRight{width:880px;overflow:hidden;}

.proMenu{height:60px;overflow:hidden;margin-bottom:20px; background: #00b156;}

.proMenu .m{display:inline-block;width:200px;height:60px;line-height:60px;text-align:center;color:#fff;font-size:18px;background:#f5b300;}

.proMenu .m:hover,.proMenu .on{background:#00b156;}

.proMenu .more{float:right;font-size:12px;font-family:Arial;text-transform: uppercase;margin-top:18px; color: #fff;}



.proMain,.proBox{height:690px;overflow:hidden;}

.proTop {background:#fff;overflow:hidden;height:350px;}

.proTop .fl{width:410px;height:350px;overflow:hidden;}

.proTop img{width:410px;height:350px;transition:all 0.5s;}

.proTop .font{width:430px;padding:40px 40px 0 0;}

.proTop h4{font-size:30px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:20px;font-weight:normal;line-height:30px;}

.proTop h4 a{color:#00b156;}

.proTop h4 a:hover{color:#f5b300;}

.proTop .box{height:160px;overflow:hidden;border-bottom:1px dotted #a7a7a7;margin-bottom:15px;padding-bottom:15px;line-height:28px;}

.proTop .btn,.aboutLeft .btn{height:30px;font-size:12px;}

.proTop .btn a,.aboutLeft .btn a{display:inline-block;width:100px;height:35px;text-align:center;line-height:35px;font-size:14px;background:#f5b300;color:#fff;}

.proTop .btn .zx,.aboutLeft .btn .zx{background:#00b156;}

.proTop .btn a:hover,.aboutLeft .btn a:hover{background:#008a43;}



.proSlide{background: url('img/shadow.png') no-repeat top center;padding-top:50px;overflow:hidden;}

.proSlide li{float:left;width:280px;background:#fff;margin-right:20px; margin-bottom: 20px;}
.proSlide li:nth-child(3n){margin-right: 0;}

.proSlide li .pImg{display:block;width:280px;height:240px;overflow:hidden;}

.proSlide li img{width:280px;height:240px;transition:all 0.5s;}

.proSlide li p{font-size:14px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;height:50px;line-height:30px;}

.proSlide li:hover img,.proTop:hover img,.odds li:hover img,.caseL li:hover img{transform:scale(1.1,1.1);}



/*  ?????? */

.odds{padding:70px 0;overflow:hidden;}

.hTitle{font-size:40px;color:#00b156;font-weight:normal;text-align:center;margin-bottom:35px;line-height:40px;}

.hTitle span{display:block;font-size:14px;color:#888;letter-spacing:4px;}

.odds li{float:left;width:290px;margin-right:13px;position:relative;height:460px;overflow:hidden;}

.odds li .pImg{width:290px;height:350px;overflow:hidden;display:block;}

.odds li img{width:290px;height:350px;transition:all 0.5s;}

.odds li:last-child{margin-right:0;}

.odds li .txt{background:#eee;text-align:center;padding:25px;overflow:hidden;left:0;transition:all 0.4s;}

.odds li .txt h4{font-size:24px;color:#00b156;font-weight:normal;margin-bottom:10px;}



.odds li:hover .txt{background:#00b156;color:#fff;}

.odds li:hover .txt h4{color:#fff;}



/*  ?????? */

.process{padding:70px 0;overflow:hidden;background: url('img/process_bg.jpg');}

.process .hTitle{color:#fff;}

.process .hTitle span{color:#ffd800;}

.process li{float:left;width:195px;height:130px;background:#fff;border-top:4px solid #f0cb00;font-size:16px;color:#00b156;padding-top:30px;position:relative;text-align:center;margin-right:6px;}

.process li i{display:inline-block;width:70px;height:70px;background: url('img/process_icon.png') no-repeat;margin-bottom:10px;position:relative;top:0;transition:all 0.3s;}

.process li:last-child{margin-right:0;}

.process li:after{content: "";position:absolute;width:20px;height:20px;background: url('img/pIcon3.png') no-repeat;right:-14px;top:50%;margin-top:-10px;z-index:2;}

.process li:last-child:after{display:none;}

.process li:hover i{top:-10px;}

.process li:nth-child(2) i{background-position: -70px 0;}

.process li:nth-child(3) i{background-position: -140px 0;}

.process li:nth-child(4) i{background-position: -210px 0;}

.process li:nth-child(5) i{background-position: -280px 0;}

.process li:nth-child(6) i{background-position: -350px 0;}



/* ???????????? */

.case{padding:70px 0;}

.case .hTitle span{letter-spacing:0px;font-family:Arial;text-transform: uppercase;}

.caseL,.caseL .ohbox{width:600px;height:460px;position:relative;}

.caseL li{width:600px;height:460px;overflow:hidden;position:relative;background:#eee;}

.caseL li img{width:600px;height:470px;transition:all 0.5s;}

.caseL li h4{position:absolute;background:rgba(0,177,86,.8);bottom:0;left:0;right:0;padding:20px;color:#fff;font-size:16px;font-weight:normal;}

.caseL li h4 span{float:right;margin-left:20px;font-size:12px;}

.caseL .pageBtn span,.partner .pageBtn span{position:absolute;cursor:pointer;left:-30px;top:0;font-size:0;line-height:0;background: url('img/cBtn.jpg') no-repeat ;width:30px;height:30px;}

.caseL .pageBtn .next,.partner .pageBtn .next{top:30px;background-position: -30px 0;}

.caseL .pageBtn span:hover,.partner .pageBtn span:hover{background-position: -60px 0;}

.caseL .pageBtn .next:hover,.partner .pageBtn .next:hover{background-position: -90px 0;}



.caseR{width:580px;height:;overflow:hidden;}

.caseR li{float:left;width:280px;height:220px;overflow:hidden;margin:0 20px 20px 0;position:relative;background:#eee;}

.caseR li img{width:280px;height:220px;transition:all 0.5s;}

.caseR li h4{height:40px;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color:#fff;font-weight:normal;position:absolute;bottom:0;left:0;right:0;padding:0 20px;background:rgba(0,177,86,.8);}

.caseR li:nth-child(2n){margin-right:0;}

.caseR li:hover img{transform:scale(1.1);animation: tada 1s .2s ease both;}

@keyframes tada {

    0% {

       transform: scale(1);

    }

    10%, 20% {

       transform: scale(0.9) rotate(-3deg);

    }

    30%, 50%, 70%, 90% {

     transform: scale(1.1) rotate(3deg);

    }

    40%, 60%, 80% {

       transform: scale(1.1) rotate(-3deg);

    }

    100% {

      transform: scale(1) rotate(0);

    }

}



/* ???????????? */

.partner{padding:50px 0;overflow:hidden;background:#eee;}

.partnerMain,.partner .ohbox{height:120px;position:relative;}

.partnerMain ul{width:1240px;}

.partner li{float:left;width:228px;height:118px;overflow:hidden;position:relative;margin-right:12px;background:#f1f1f1;border:1px solid #ddd;}

.partner li img{width:228px;height:118px;position:absolute;z-index:2;transform:rotateY(0deg);transition:all 0.5s ease 0s;backface-visibility:hidden;}

.partner li span{position:absolute;width:218px;height:118px;background:#00b156;line-height:118px;text-align:center;transform:rotateY(-180deg);transition:all 0.5s ease 0s;backface-visibility:hidden;color:#fff;padding:0 5px;}

.partner li:hover img{transform:rotateY(180deg);}

.partner li:hover span{transform:rotateY(0deg);}

.partner .pageBtn span{top:50px;left:-50px;}

.partner .pageBtn .next{left:auto;right:-50px;}

.pageBan img{height:200px;left:50%;margin-left:-960px;position:relative;}



/* ???????????? */

.about{background:#eee;padding:70px 0;overflow:hidden;}

.aboutL{width:590px;height:440px;overflow:hidden;position:relative;}

.aboutL li{width:590px;height:440px;overflow:hidden;position:relative;transition:all 0.3s;}

.aboutL img{width:590px;height:440px;transition:all 1s;}

.aboutL h4{font-size:16px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding:20px 5%;position:absolute;background: url('img/opc2.png');bottom:0;left:0;width:90%;color:#fff;}

.aboutL:hover img{transform:scale(1.1);}



.aboutR{width:560px;overflow:hidden;}

.aboutR h3{font-size:36px;font-weight:normal;color:#00b156;background: url('img/a_line.jpg') no-repeat left bottom;padding-bottom:15px;margin-bottom:25px;line-height:36px;}

.aboutR h3 span{display:block;font-size:20px;color:#333;}

.aboutR .more{display:inline-block;width:190px;height:54px;line-height:54px;background:#00b156;font-size:16px;text-align:center;margin-top:25px;color:#fff;}

.aboutR .more i{display:inline-block;width:16px;height:16px;background: url('img/mIcon.png') no-repeat;position:relative;margin-left:8px;top:3px;}

.aboutR .more:hover{width:100%;}



.honor{margin-top:40px;}

.honor,.honor .ohbox{height:200px;position:relative;}

.honor ul{width:1240px;}

.honor li{float:left;width:285px;height:200px;overflow:hidden;margin-right:20px;background:#fff;}

.honor li img{width:285px;height:200px;transition:all 0.5s;}

.honor li span{display:block;background: url('img/opc2.png');height:40px;line-height:40px;color:#fff;text-align:center;position:relative;transition:all 0.5s;}

.honor li:hover img{transform:scale(.98);}

.honor li:hover span{margin-top:-40px;}

.honor .pageBtn span{position:absolute;cursor:pointer;left:-50px;top:85px;font-size:0;line-height:0;background: url('img/cBtn.jpg') no-repeat ;width:30px;height:30px;}

.honor .pageBtn .next{background-position: -30px 0;left:auto;right:-50px;}

.honor .pageBtn span:hover{background-position: -60px 0;}

.honor .pageBtn .next:hover{background-position: -90px 0;}



/*  ?????? */

.news{padding:70px 0;overflow:hidden;}

.newsLeft{width:740px;overflow:hidden;}

.nTie{height:70px;line-height:70px;font-size:20px;font-weight:normal;margin-bottom:30px;background:#ececec}

.nTie .m{width:170px;display:inline-block;text-align:center;border-right:1px solid #dcdcdc;color:#333;float: left;}

.nTie .m.on,.faq .nTie .m{color:#fff;background:#00b156;}

.nTie .more{float:right;text-transform: uppercase;font-size:14px;font-family:Arial;margin-right:30px;}

.nTie .more:hover{margin-right:20px;}

.newsMain,.newsBox{height:375px;overflow:hidden;}

.newsBox .n1 {height:190px;margin-bottom:10px;overflow:hidden;}

.newsBox .n1 .nImg{width:290px;height:190px;float:left;margin-right:20px;overflow:hidden;}

.newsBox .n1 img{width:290px;height:190px;transition:all 0.5s;}

.newsBox .n1 h4{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-weight:normal;margin-bottom:10px;}

.newsBox .n1 h4 span{display:block;font-size:12px;font-family:Arial;color:#888;}

.newsBox .n1 h4 a{color:#222;}

.newsBox .n1 p{height:90px}

.newsBox .n1 h4 a:hover{color:#00b156;}

.newsBox .n1 img:hover{transform:scale(1.1);}

.newsBox .n1 .more{display:inline-block;width:100px;height:30px;background:#00b156;color:#fff;font-size:12px;text-align:center;line-height:30px;margin-top:10px;}

.newsBox .n1 .more:hover{background:#008a43;width:160px;}

.newsBox .n2{height:45px;line-height:45px;float:left;width:345px;padding-right:35px;border-bottom:1px solid #dfdfdf;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.newsBox .n2:nth-child(2n+1){padding-right:0;}

.newsBox .n2 a{background: url('img/ly_li.png') no-repeat left center;padding-left:10px;;}

.newsBox .n2 span{float:right;font-size:12px;margin-left:25px;}

.newsBox .n2 a:hover{background: url('img/ly_li.png') no-repeat 8px center;padding-left:18px;}



/*  ???????????? */

.faq{width:420px;}

.faqMain{height:365px;overflow:hidden;}

.faq li{border-bottom:1px dotted  #ddd;padding-bottom:20px;margin-bottom:20px;}

.faq li h4{height:38px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;background: url('img/a.jpg') no-repeat left 2px;padding-left:30px;font-weight:normal;font-size:16px;}

.faq li p{background: url('img/q.jpg') no-repeat left 5px;padding-left:30px;}



/* ?????? */

.footer{background:#232323;color:#999; text-align: center; padding: 40px 0;}

.footMain{padding:45px 0 10px 0;overflow:hidden;}

.footLeft{width:890px;overflow:hidden;}

.footLeft ul{float:left;width:170px;}

.footLeft ul h3,.footContact h3{font-size:14px;color:#fff;height:35px;font-weight:normal;}

.footMain .foot_link{margin-top:10px;}
.footMain .foot_link em{margin: 0 10px;font-style:normal;}

.footWx{width:290px;overflow:hidden;text-align:center;}

.footWx p{width:135px;overflow:hidden;}

.footWx img{width:135px;margin-bottom:8px;}

.copyright{overflow:hidden;background:#202020;padding:20px 0;}

.footer a{color:#999;}

.footer a:hover{color:#fff;}


.totop{position:fixed;right:25px;bottom:25px;display:block;width:26px;height:62px;background:url(img/rocket.png) no-repeat 0 0;-webkit-transition: all 0.2s ease-in-out;}
.totop:hover{background:url(img/rocket.png) no-repeat 0 -62px;}


/* ???????????? */

.listBanner{ width:1920px; position: relative; left:50%; margin-left:-960px; height:320px;overflow:hidden;}

.listWrapper{padding:40px 0;overflow:hidden;}

.breadCrumb{height:55px;border-bottom:1px solid #f2f2f2;line-height:55px;}

.breadCrumb p{background:url('img/home_icon.png') no-repeat left center; padding-left:20px;font-size:14px;width:1180px;}

.breadCrumb span{ margin:0 8px;}

.breadCrumb .back{float:right;width:80px;height:28px;line-height:28px;text-align:center;border-radius:5px;background:#999;color:#fff;margin-top:10px;}

.breadCrumb .back:hover{background:#cb000a;transition:all 0.3s;}

.partnerList,.honorList,.settingList,.newsList,.videoList,.caseList,.searList,.newsList2,.proList{ width:1200px;overflow: hidden;}

.partnerList ul,.honorList ul,.settingList ul,.videoList ul,.caseList ul,.searList ul,.newsList2 ul,.proList ul{ width:1250px;}

.proSear{width:600px;margin:0 auto;height:50px;line-height:50px;margin-bottom:40px;}

.proSear .btn{height:50px;line-height:50px;width:100px;text-align:center;font-size:16px;background:#333;color:#fff;cursor:pointer;transition:all 0.3s;float:left;}

.proSear .txt{height:48px;line-height:48px;border:1px solid #ddd;border-right:none;width:400px;padding:0 10px;float:left}

.proSear .btn:hover{background:#111;}



/* ?????????????????? */

.listMenu{height:55px;border-bottom:1px solid #f1f1f1;padding-top:30px;}

.listMenu .title{font-size:30px;font-weight:normal;color:#00b156;padding-right:40px;}

.listMenu .menu{padding-top:6px;font-size:15px;}

.listMenu .menu a{float:left;position:relative;margin-left:25px;}

.listMenu .menu a:after{content:"";position:absolute;left:0;bottom:-26px;width:100%;height:1px;background:#00b156;transition:transform 0.4s;transform-origin:right;transform:scale(0,1);}

.listMenu .menu a.cur,.listMenu .menu a:hover{color:#00b156;}

.listMenu .menu a.cur:after,.listMenu .menu a:hover:after{transform:scale(1);transform-origin:left;}

.menuSub{text-align:center;margin-top:20px;}

.menuSub a{width:125px;border:1px solid #ddd;background:#fff;display:inline-block;transition:all 0.3s;margin-right:10px;height:35px;line-height:35px;box-shadow:0 0 1px #fff inset;}

.menuSub a.current,.menuSub a:hover{border:1px solid #008a43;background:#00b156;color:#fff;}



/*  ???????????? */

.proList li{float:left;width:290px;margin:0 13px 20px 0;}

.proList li .pImg{display:block;width:288px;height:246px;overflow:hidden;border:1px solid #e5e5e5;position:relative;}

.proList li img{width:288px;height:246px;transition:all 0.5s;}

.proList li h5{font-weight:normal;text-align:center;height:40px;line-height:45px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;}

.proList li .pImg:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,177,86,.7);transition:all 0.25s;transform:perspective(400px) rotateX(-90deg);-moz-transform:perspective(400px) rotateX(-90deg);-webkit-transform:perspective(400px) rotateX(-90deg);-o-transform:perspective(400px) rotateX(-90deg);transform-origin:top;z-index:2;}

.proList li .pImg:after{content:"";position:absolute;width:54px;height:54px;background: url('img/more.png') no-repeat;left:50%;top:50%;margin-left:-27px;opacity:0;transition:all 0.25s;z-index:3;}

.proList li:hover img{transform:scale(1.1);}

.proList li:hover .pImg:before{transform:perspective(200px) rotateX(0);}

.proList li:hover .pImg:after{transition-delay:.1s;margin-top:-27px;opacity:1;}



/* ??????????????????????????? */

.rec-title{padding-left:20px;height:35px;line-height:35px;background:url(img/page_line.jpg) no-repeat 10px 10px #e8e8e8;font-size:14px;font-weight:bold;color:#333;}

.product-show-pic{width:600px;height:610px;}

.jqzoom{position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}

.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:310px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}

.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}



/* ?????????????????? */

.spec-preview{width:600px;height:515px;display: table-cell;vertical-align: middle;}

.spec-scroll{margin-top:10px;width:600px;height:80px;overflow:hidden;position:relative;}

.spec-scroll a.prev{display:block;width:12px;height:21px;position:absolute;top:30px;left:0;background:url('img/listpro_btn.png') no-repeat 0 0px;overflow:hidden;cursor:pointer;transition:all 0s;}

.spec-scroll a.prev:hover{background-position:0 -21px;}

.spec-scroll a.next{display:block;width:12px;height:21px;position:absolute;top:30px;right:0;background:url('img/listpro_btn.png') no-repeat 0 -42px;overflow:hidden;cursor:pointer;transition:all 0s;}

.spec-scroll a.next:hover{background-position:0 -63px;}

.spec-scroll .items{position:relative;width:550px;height:80px;margin:0 auto;overflow:hidden;}

.spec-scroll .items ul{position:absolute;width:580px;height:80px;}

.spec-scroll .items ul li{width:104px;height:80px;float:left;}

.spec-scroll .items ul li img{width:95px;height:78px;cursor:pointer;border:1px solid #ccc;}

.spec-scroll .items ul li img:hover,.spec-scroll .items ul .on img{border:1px solid #00b156;}



/* ???????????? */

.proshow_synopsis{width:490px;color: #aaa;font-size: 14px;line-height: 30px; height:540px;background:#f6f6f6;border:1px solid #ddd;padding:30px;}

.proshow_synopsis .title{font-size:24px; color:#00b156;border-bottom:1px solid #dbdbdb;margin-bottom:15px;padding-bottom:0px;font-weight:normal;padding-bottom: 10px}

.proshow_synopsis strong{color: #333;font-weight: normal; }

.proshow_synopsis .font{line-height:24px;overflow: hidden;min-height:265px;margin-bottom:20px;}

.proshow_synopsis .font strong{float: left;width: 45px;}

.proshow_synopsis .font div{float: right;width:355px;}

.prodcut-tel{ padding-left:40px; margin-bottom:20px; line-height:26px; background:url('img/p_icon.png') no-repeat left 8px; }

.prodcut-tel span{font-family:arial; font-size:24px; color:#00b156;display: block; }

.proshow_synopsis .btn a{display: inline-block; width: 170px; height: 40px; line-height: 40px;text-align: center; background:#4b4b4b url(img/proshow_icon1.png) no-repeat 20px 14px; color: #fff;transition: all 0.3s;font-size:16px;}

.proshow_synopsis .btn .a02{background:#00b156 url(img/proshow_icon2.png) no-repeat 20px 13px;margin-left:25px;}

.proshow_synopsis .btn a:hover{opacity: 0.8;filter:alpha(opacity=50);transition: all 0.3s;}





/* ?????????????????????????????? */

.gr-tab-list{overflow:hidden; margin-top:30px; margin-bottom:20px;}

.gr-tab-list .hd{height:34px;line-height:34px;border-bottom:1px solid #dadada}

.gr-tab-list .hd li{padding:0 30px;float:left;text-align:center;background:#dadada;margin-right:5px;cursor:pointer;}

.gr-tab-list .hd li.on{background:#00b156;color:#fff;}

.gr-tab-list .bd{overflow:hidden;padding-top:15px;}

.gr-tab-list table td{padding-left: 15px;}

.tab_down p{ height:35px;line-height:35px;border-bottom:1px dotted #ddd;background:url(img/ly_li.png) no-repeat left center;padding-left:15px;}

.tab_down p a{float:right;background:url(img/downIcon.png) no-repeat right center;padding-right:25px;}

.tab_down p a:hover{background:url(img/downIconh.png) no-repeat right center;}



/* ?????????????????? */

.orderBox{padding:25px;width:1150px;background:#eee;overflow:hidden;}

.orderBox h3{font-size:15px;line-height:18px;font-weight:normal;font-family:"????????????";}

.orderBox .table{padding-top:20px;overflow:hidden;}

.orderBox .table li{width:580px;height:215px;float:left;height:35px;margin-bottom:10px;}

.orderBox .table li span{float:left;border:1px solid #ddd;line-height:33px;height:33px;width:78px;display:inline-block;text-align:center;background:#fff;}

.orderBox .table li .iptTxt{float:right;width:489px;border:1px solid #ddd;border-left-width:0;height:33px;line-height:33px;background:#fff;color:#666;padding-left:10px;}

.orderBox .table li .iptCode{float:left;width:239px;border:1px solid #ddd;border-left-width:0;height:33px;line-height:33px;background:#fff;color:#666;padding-left:10px;}

.orderBox .table li .checkcode{float:left;border:1px solid #ddd;border-left-width:0;background:#fff;padding:5px 9px 6px 10px;}

.orderBox .table li .btn{width:410px;height:35px;line-height:35px;background:#333;cursor:pointer;font-size:14px;color:#fff;text-align:center;border:none;}

.orderBox .table li .btn:hover{background:#00b156;color:#fff;}

.orderBox .table li.areLi{width:470px;float:right;height:215px;overflow:hidden;}

.orderBox .table li.areLi .txtContent{width:438px;height:183px;border:1px solid #ddd;outline:none;resize:none;padding:15px;color:#666;line-height:18px;}



/* ?????????????????? */

.related-product {overflow:hidden;}

.related-product ul{width:1240px;margin-top:20px;}

.related-product .title,.relatedTitle{background:#e1e1e1;height:40px;line-height:40px;}

.related-product .title span,.relatedTitle span{display:inline-block;color:#fff;background:#00b156;width:120px;height:40px;text-align:center;font-size:14px;}

.related-product li{float:left;width:280px;margin-bottom:20px;margin-right:24px;border:1px solid #ddd;background:#eee;text-align:center;}

.related-product li a{display:block;width:280px;}

.related-product li img{width:270px;height:230px;padding:5px;background:#fff;}

.related-product li span{height:35px;line-height:35px;padding:0 5px; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;display:block;}

.related-product li:hover{border:1px solid #00b156;}

.related-product li a:hover{background:#00b156;color:#fff;}



/* ???????????? */

.aBox{padding:50px 0;overflow:hidden;}

.aTie{font-size:30px;font-weight:normal;color:#333;text-align:center;margin-bottom:30px;line-height:30px;}

.aTie span{font-size:12px;color:#888;font-family:Arial;text-transform: uppercase;display:block;}

.aboutBox1 .font{width:550px;line-height:28px;}

.aboutBox1 .font h3{font-size:30px;color:#333;height:60px;font-weight:normal;}



.culture{padding:50px 0;overflow:hidden;background:#f0f0f0;}

.culture li{float:left;width:380px;margin-right:28px;}

.culture li .cImg{display:block;width:380px;height:250px;overflow:hidden;}

.culture li img{width:380px;height:250px;transition:all 0.5s ease-in;}

.culture li  .font{padding:25px;background:#fff;height:90px;}

.culture li h4{font-size:24px;font-weight:normal;color:#333;margin-bottom:10px;}

.culture li:last-child{margin-right:0;}

.culture li:hover img{transform:scale(1.1);}

.culture li:hover{box-shadow:0 0 5px #ccc;}



.aboutHonor{padding:50px 0;overflow:hidden;background:#f5f5f5;}

.honorSlide ul{width:1240px;}

.aboutHonor li{float:left;width:280px;height:245px;text-align:center;margin-right:28px;transition:all 0.3s;}

.aboutHonor li img{width:280px;height:195px;transition:all 0.5s;}

.aboutHonor li span{display:block;height:50px;line-height:50px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.aboutHonor li:hover img{transform:scale(.95);}

.aboutHonor li:hover{background:#fff;}

.aboutBox4{padding:50px 0;overflow:hidden;}

.aboutSetting{ width:1200px;position:relative;overflow:hidden;}

.aboutSetting li{float:left;width:298px;height:225px;overflow:hidden;margin-bottom:2px;}

.aboutSetting li img{width:298px;height:225px;transition:all 0.5s;}

.aboutSetting li:nth-child(2n){float:right;margin-left:400px;}

.aboutSetting li.s1{position:absolute;left:300px;top:0;}

.aboutSetting li.s1,.aboutSetting li.s1 img{width:600px;height:452px;}

.aboutSetting li span{background: url('img/opc2.png');height:40px;line-height:40px;color:#fff;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;position:relative;text-align:center;transition:all 0.3s;display:block;}

.aboutSetting li:hover span{margin-top:-40px;}

.aboutSetting li:hover img{transform:scale(1.1,1.1);}



/* ???????????? */

.honorList ul li{width:250px;float:left;margin-right:26px;margin-bottom:25px;text-align:center;padding:15px 15px 0 15px;background:#f2f2f2;border-bottom:3px solid #ddd;position:relative;}

.honorList ul li .pImg{display:block;width:230px;height:160px;padding:4px;border:1px solid #e3e3e3;background:#fff;display: table-cell;vertical-align: middle;}

.honorList ul li img{width:230px;vertical-align: middle;height:160px;}

.honorList ul li::before{content: "";position:absolute;height:3px;bottom:-3px;left:0;transition:all 0.5s;width:0;}

.honorList ul li:hover::before{width:100%;background:#00b156;transition:all 0.5s;}

.honorList ul li p{height:35px;line-height:35px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: block;}

.lb-data .lb-caption{color:#fff;}

.honorList ul li:hover{background:#eee;box-shadow:0 0 10px #ccc;}



/* ???????????? */

.settingList li{width:280px;float:left;margin-right:26px;margin-bottom:25px;text-align:center;background:#f2f2f2;border-bottom:3px solid #ddd;position:relative;}

.settingList li img{display:block;width:270px;height:200px;padding:4px;border:1px solid #e3e3e3;background:#fff;transition:all 0.5s;}

.settingList li::before{content: "";position:absolute;height:3px;bottom:-3px;left:0;transition:all 0.5s;width:0;}

.settingList li:hover::before{width:100%;background:#00b156;transition:all 0.5s;}

.settingList li span{height:45px;line-height:45px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: block;padding:0 5px;}

.settingList li:hover img{transform:scale(.95);}



/* ???????????? */

.caseInde{padding:40px 0;}

.caseList li{float:left; width:260px;background:#fff;margin:0 26px 25px 0;border:1px solid #ccc;padding:9px 9px 0 9px;line-height:22px;padding-bottom:10px;font-size:12px;color:#888;}

.caseList li .cImg{width:260px;height:190px;display:block;overflow:hidden;}

.caseList li a{color:#888;}

.caseList li img{width:260px;height:190px; transition:all .5s;}

.caseList li h5{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border-top:1px solid #c6c6c6;margin-top:8px;font-weight:normal;padding-top:8px;font-size:14px;color:#333;text-align:center;}

.caseList li:hover img{transform:scale(1.1,1.1);}

.caseList li:hover{border:1px solid #00b156;}

.caseList li:hover h5{border-top:1px solid #00b156;color:#00b156;}



.partnerBox{padding:50px 0;background:#f5f5f5;overflow:hidden;}

.partnerBox .tie{text-align:center;font-size:24px;font-weight:normal;}

.partnerBox li{float:left;width:192px;height:100px;border:1px solid #ececec;background:#fff;margin-left:-1px;margin-top:-1px;position:relative;}

.partnerBox li img{width:192px;height:100px;position:absolute;z-index:2;transform:rotateY(0deg);transition:all 0.5s ease 0s;backface-visibility:hidden;}

.partnerBox li span{position:absolute;width:182px;height:100px;line-height:100px;text-align:center;transform:rotateY(-180deg);transition:all 0.5s ease 0s;backface-visibility:hidden;color:#333;padding:0 5px;}

.partnerBox li:hover img{transform:rotateY(180deg);}

.partnerBox li:hover span{transform:rotateY(0deg);}



/* ???????????? */

.partnerList li{float:left;width:220px;margin-right:25px;margin-bottom:25px;}

.partnerList li img{ width:210px; height:108px;background:#e5e5e5; padding: 4px; border: 1px solid #d4d4d4; box-shadow: 1px 1px 0 #fff inset,-1px -1px 0 #fff inset;}

.partnerList li span{ height: 35px; line-height: 35px; display: block; text-align:center; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}



/* ???????????? */

.caseShow .title{text-align:center;font-size:18px;color:#000;margin-bottom:10px;font-weight:normal;}

.caseShow .p1{margin-bottom:25px;text-align:center;color:#666;border-bottom:1px dotted #ccc;padding-bottom:10px}

.caseShow .p1 span{margin-right:15px;}

.picShow_pic{margin-bottom:30px;text-align:center;}

.caseShow_font1 .title{height:35px;border-bottom:1px solid #ccc;}

.caseShow_font1 .title span{float:left;height:35px;width:120px;font-size:14px;text-align:center;line-height:35px;}

.caseShow_font1 .title .on{background:#00b156;color:#fff;}

.caseShow_font1{margin-bottom:30px;}



/* ?????? */

.s_tie{font-size:30px;color:#555;font-weight:normal;background: url('img/support_icon4.png') no-repeat;padding-left:40px;line-height:30px;height:60px;}

.support_font{width:520px;background:#eaeaea;padding:40px;height:460px;}

.support_font .font{height:200px;margin-bottom:20px;font-size:14px;line-height:34px;}

.support_font.fr{background:#f3f3f3;}

.support_faq{margin-top:60px;}

.support_faq .tie{height:90px;line-height:90px;padding:0 40px 0 80px;font-size:30px;background:#00b156 url('img/support_icon3.png') no-repeat 40px center;cursor:pointer;font-weight:normal;color:#fff;margin-bottom:15px;}



/* ????????????  */

.jobTop{overflow:hidden;padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #eee;height:295px}

.jobTop .main{float:right;width:560px;}

.jobTop .main .font{height:190px;overflow:hidden;line-height:28px;}

.jobTop .main .p1{padding-top:15px;font-size:16px;color:#333;}

.jobTop .main .p1 a{color:#333;}

.jobTop .main .p1 a:hover{text-decoration: underline;}

.jobTop .more{width:120px;height:40px;line-height:40px;text-align:center;color:#fff;border-radius:3px;display:inline-block;background:#333;margin-top:15px;}

.jobTop .more:hover{background:#fe7524;}



.jobList li{border-bottom:1px dashed #dbdbdb;margin-bottom:20px;}

.jobList h4{font-size:28px;font-weight:normal;background: url('img/gicon19.png') no-repeat right center;padding-right:20px;padding-bottom:20px;line-height:32px;}

.jobList h4 span{display:block;font-size:16px;margin-top:8px;}

.jobList h4 span i{display:inline-block;font-style:normal;background: url('img/job_icon.png') no-repeat left -35px;padding-left:30px;margin-right:15px;}

.jobList h4 span .num{background-position: 0 0;}



.jobList .font{background:#f2f2f2;padding:25px;display:none;}

.jobList .font .tie{color:#555;margin-bottom:10px;display:block;}

.jobList .font h5{margin-top:15px;font-size:16px;}

.jobList h4.on{color:#333;background: url('img/gicon18.png') no-repeat right center;}





/* ???????????? */

.faqList li{position:relative;margin-bottom:25px;}

.faqList li:after{content:''; position:absolute; top:12px; right:16px; display:block; width:30px; height:30px; background:#00b156;pointer-events:none;}

.faqList li h3:before, .faqList li h3:after{content:''; position:absolute; top:26px; right:23px; z-index:2; width:16px; height:2px; background:#fff;}

.faqList li h3:before{width:2px; height:16px; top:19px; right:30px; -webkit-transition:0.3s; transition:0.3s;}

.faqList li.act h3:before{-webkit-transform:rotate(90deg); transform:rotate(90deg);background:transparent\0;}

.faqList li h3{position:relative; padding:0 60px 0 25px; background-color:#f1f1f1; line-height:54px; font-size:16px; cursor:pointer;font-weight:normal;border:1px solid #e1e1e1;}

.faqList li div{display:none;padding:25px;line-height:25px;color:#7c7c7c;-webkit-animation:fadeIn 0.5s ease-out 0.2s both; animation:fadeIn 0.5s ease-out 0.2s both;font-size:14px;background:#f5f5f5;}

@-webkit-keyframes fadeIn{

  0%{opacity:0;}

  100%{opacity:1;}

}

@keyframes fadeIn{

  0%{opacity:0;}

  100%{opacity:1;}

}



/* ???????????? */

.newsList li{border:1px solid #e2e2e2;padding:30px;overflow:hidden;margin-bottom:30px;transition:all 0.3s;}

.newsList li .font{width:800px;overflow:hidden;color:#333;padding-top:30px;}

.newsList li .date{width:80px;height:110px;background:#2b2b2b;color:#fff;padding-left:20px;font-size:20px;font-family:'HelveticaNeuedd7b7fc3f53d6';position:relative;margin-right:40px;transition:all 0.4s;}

.newsList li .date span{display:block;opacity:.8;padding-top:35px;font-size:14px;}

.newsList li .date:after{position:absolute;content:"";width:50px;left:60px;background:#555;height:1px;top:10px;width:0;transition:all 0.3s;}

.newsList li h4{font-size:16px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:15px;}

.newsList li  .txt{color:#666;}

.newsList li .pic{width:260px;height:165px;overflow:hidden;}

.newsList li img{width:260px;transition:all 0.5s;height:165px;}

.newsList li:hover .date{margin-right:60px;}

.newsList li:hover .date:after{width:80%;}

.newsList li:hover h4{color:#00b156;}

.newsList li:hover img{transform:scale(1.1);}

.newsList li:hover{box-shadow:0 5px 10px #eee;}



/* ?????????????????? */

.articleBox1 .title{text-align:center;font-size:20px;color:#000;margin-bottom:10px;font-weight:normal;}

.articleBox1 .p1{margin-bottom:15px;padding-bottom: 10px; text-align:center;color:#888;}

.detailLeft  .p1,.picShow .p1{border-bottom:1px dotted #adadad;;}

.articleBox1 .p1 span{margin-right:15px;}

.solution .p1{margin-bottom:40px;}

.review{background:#f7f7f7 url(img/nShow_icon.png) no-repeat left top;padding:15px 15px 10px 15px;border:1px dotted #adadad;border-right:none;border-left:none;text-indent:2em;font-size:14px;color:#333;}

.fontResizer a{padding:0 5px;}

.article_key{background:#f7f7f7 url(img/nShow_icon2.png) no-repeat 15px 7px;color:#adadad;margin-bottom:20px;padding-left:35px;line-height:28px;}

.fontsizebox{padding-bottom: 40px;border-bottom:1px dotted #adadad;font-size:13px;color:#424242;}

.fontSize a.active{color:#0099e6;}

.detailShare{overflow:hidden;padding:25px 0;border-bottom:1px dotted #adadad;}

.detailShare span{border-left:1px dotted #adadad;padding:0 15px;}

.detailShare span.date{margin-left:15px;}

.detail_fenx{font-size:14px;padding-top:10px;overflow:hidden;margin-bottom:20px;border-bottom:1px dotted #adadad;padding-bottom: 10px}

.detail_fenx div{width:48%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}



.relatedNews_font{width:1200px;overflow:hidden;font-size:13px;margin-top:15px;}

.relatedNews_font ul{width:1240px;}

.relatedNews_font ul li{float:left;padding-right:50px;width:570px;height:40px;line-height:40px;border-bottom:1px dotted #ddd;}

.relatedNews_font ul li a{display:block;width:450px;line-height:40px;background:url(img/ly_li.png) no-repeat left center;padding-left:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:left;}

.relatedNews_font ul li span{float:right;color:#999;}





/* ?????????????????? */

.contactFont{width:540px;background:#eee;padding:30px;height:450px;}

#dituContent{width:600px;height:510px;float:left;}

.feedback{margin-top:50px;overflow:hidden;}

.feedback .title{text-align:center;font-size:24px;font-weight:normal;margin-bottom:25px;color:#333;position:relative;}

.feedback .title span{padding:0 25px;background: #fff;position:relative;z-index:2;}

.feedback .title::before{content:"";border-bottom:1px solid #e1e1e1;width:100%;left:0;position:absolute;top:13px;}

#feedback_form label{display:block;float:left;height:32px;line-height:32px;margin-bottom:30px;padding-left:40px;background:url(img/contact.png) no-repeat;font-size:14px;}

#feedback_form label.name{background-position:0 -32px;}

#feedback_form label.email{background-position:0 -64px;}

#feedback_form label.city{background-position:0 -96px;}

#feedback_form label.msg_title{background-position:0 -128px;}

#feedback_form label.address{background-position:0 -160px;}

#feedback_form label.message{background-position:0 -192px;margin-bottom:10px;}

#feedback_form input{width:243px;height:30px;line-height:30px;float:left;margin:0 37px 30px 0;padding:0 10px;border:1px solid #dbdbdb;}

#feedback_form input.last{margin-right:0;}

#feedback_form .msg{border-top:1px dotted #ccc;padding:30px 0;}

#feedback_form textarea{height:125px;width:1178px;padding:10px;border:1px solid #dbdbdb;display:block;}

#feedback_form .btns{width:120px;height:40px;margin-right:10px; background:#00b156;color:#fff;border:none;font-size:15px;margin-bottom:0;cursor:pointer;}

#feedback_form .btns:hover{background:#333;transition:all 0.3s;}

#feedback_form .reset{background:#ccc;cursor:pointer;margin-bottom:0;}

#feedback_form .tableRow{width:100%;height:32px;}

#feedback_form .tableRow input{width:150px;margin-right:10px;color:#999;float:left;}

#feedback_form .tableRow .checkcode{width:50px;height:22px;margin-left:5px;border:1px solid #ccc;padding:4px 5px;display:block;float:left;background:#fff;}

#feedback_form input:focus,#feedback_form textarea:focus{border-color:#666;}



.jjnr{ overflow: hidden; height: 245px;}